<%
	pageContext.setAttribute("PATH",request.getContextPath());
%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="${PATH}/css/home.css">
	<link rel="stylesheet" href="${PATH}/bootstrap-3.3.7/dist/css/bootstrap.min.css"/>
	<script src="${PATH}/js/jquery-3.4.1.js" type="text/javascript" charset="UTF-8"></script>
	<script src="${PATH}/bootstrap-3.3.7/dist/js/bootstrap.min.js" type="text/javascript" charset="UTF-8"></script>
</head>
<style>
	*{margin: 0;padding: 0;}
	.rig > div{
		background-color: white;
		border-radius: 10px;
		padding: 10px;
		text-align: center;
		/* margin: 0px 5px; */
	}
	.lb>div>img{
		width: 1280px;
		margin: auto;
	}
	.body{
		width: 100%;
		height: 100vh;
		background-image: url(${PATH}/img/loginbackground.jpg);
		background-position: center center; 
		background-repeat: no-repeat;
		background-size: cover;
	}
	 .input-content input {
		padding: 5px;
		margin-top: 20px;
		width: 80%;
	    height: 40px;
		border-radius: 2px;
	    border: 1px solid #CCCCCC;
	    background: #ffffff;
	}
	.DL{
		position:relative;
		text-align: center;
		float:right;
		width: 35%;
		height: 60%;
		background-color: #fff;
		position: absolute;
		right: 3%;
		top: 3%;
		border-radius: 10px;
		background:rgba(255,255,255,0.8);
	}
	.pc img{
		padding-top: 10px;
		padding-right: 10px;
		float: right;
		width: 20px;
		height: 20px;
	}
	.enter-btn {
		border-radius: 5px;
		margin-top: 60px;
	    width: 80%;
	    height: 40px;
	    color: #fff;
	    background: #337AB7;
	    line-height: 40px;
	    text-align: center;
	    border: 0px;
	}
	.zhuce-btn{
		border-radius: 5px;
		margin-top: 20px;
		width: 80%;
		height: 40px;
		color: #fff;
		background: #5BC0DE;
		line-height: 40px;
		text-align: center;
		border: 0px;
	}
	.db img{
		margin-top: 20px;
	}
	.triangle {
		margin-top: 5px;
		float: left;
		margin-left: 20px;
		width: 0px;
		height: 0;
		border-top: 4px solid transparent;
		border-left: 4px solid #C59855;
		border-bottom: 4px solid transparent;
	}
</style>
<body>
	<div class="row" style="background-color: #2AABD2;padding: 10px;margin: 0;">
		<div class="col-md-7">
			<img src="${PATH}/img/logo-1.png">
		</div>
		<div class="col-md-5 rig" style="display: flex;justify-content: space-between;">
			<div style="background-color: white;border-radius: 10px;padding: 10px;text-align: center;">
				<img src="${PATH}/img/1.png">
				<img src="${PATH}/img/xygk.png">
				<br/><span>注册报名</span>
			</div>
			<div>
				<img src="${PATH}/img/2.png">
				<img src="${PATH}/img/jxzy-a.png">
				<br/><span>网上缴费</span>
			</div>
			<div>
				<img src="${PATH}/img/3-n.png">
				<img src="${PATH}/img/yzyl.png">
				<br/><span>打印准考证</span>
			</div>
			<div>
				<img src="${PATH}/img/4.png">
				<img src="${PATH}/img/xwzx-a.png">
				<br/><span>成绩查询</span>
			</div>
			<div>
				<img src="${PATH}/img/5.png">
				<img src="${PATH}/img/jygz-a.png">
				<br/><span>录取查询</span>
			</div>
			<div>
				<img src="${PATH}/img/item-a.png">
				<br/><span>应用系统</span>
			</div>
			
		</div>
	</div>
<div class="body">
	<div style="width: 80%;height: 100%;background:rgba(179,180,176,0.6);position: absolute;left: 10%;">
		<div style="float:left;width: 45%;height: 60%;background-color: #fff;position: absolute;left: 3%;top: 3%;border-radius: 10px;overflow-Y:scroll;background:rgba(255,255,255,0.8);">
			<div style="text-align:center;font-size: 30px;font-weight: bolder;">最新通知</div>
			<div style="color: red;font-weight: bolder;padding-left: 20px;font-size: 16px;padding-top: 50px;">单招注册报名系统已开通</div>
			<div style="color: red;font-weight: bolder;padding-top: 10px;padding-left: 20px;font-size: 16px;">咨询电话：024-88928718/88928719</div>
		</div>
		<div>
		<div style="width: 45%;height: 100px;position: absolute;left: 3%;top: 550px;">
			<b style="font-size: 20px;color: #FFFFFF;padding-left: 15px;">专业简介</b>
			<p style="float: right;font-size: 18px;color: #FFFFFF;">更多>></p>
			<hr style="border:none;border-top:3px solid #FFFFFF;margin-top: 10px;"> 
			<div class="triangle"></div>
			<div><p style="float: left;font-size: 14px;width: 200px;color: #FFF;">2020年春季单独招生简章</p>
			<p style="float: right;font-size: 14px;color: #FFF;margin-right: 20px;">2020-5-18</p>
			</div>
			<div style="width:95%;height:0px;border-top:2px #808080 dashed;margin:auto;margin-top: 45px;"></div>
			
		</div>
		<div style="position: absolute; float: left; height: 100px;left: 3%;top: 550px;left: 55%;width: 45%;">
			<b style="font-size: 20px;color: #FFFFFF;padding-left: 15px;">单招新闻</b>
			<p style="float: right;font-size: 18px;color: #FFFFFF;">更多>></p>
			<hr style="border:none;border-top:3px solid #FFFFFF;margin-top: 10px;"> 
			<div class="triangle"></div>
			<div><p style="float: left;font-size: 14px;width: 300px;color: #FFF;">2020年单独招生考试考生报考须知</p>
			<p style="float: right;font-size: 14px;color: #FFF;margin-right: 20px;">2020-5-18</p>
			</div>
			<div style="width:95%;height:0px;border-top:2px white dashed;margin:auto;margin-top: 50px;"></div>
		</div>
	
		
		</div>
		
		<div class="DL">
			<div class="pc">
			<img src="${PATH}/img/login_computer.png" />
			<img src="${PATH}/img/transfer.png" />
			</div>
			<div style="text-align:center;font-size: 22px;padding-top: 30px;display: ${show1}">身份证号登陆
				
			</div>

			<div style="text-align:center;font-size: 22px;padding-top: 30px;margin-top: 50px;display: ${show2}">
				账号:${user.username}<br>
				密码:${user.password}
			</div>

			<div style="text-align:center;font-size: 22px;padding-top: 30px;display: ${show3}">
				登录失败，用户名或密码错误
			</div>

			<form action="/CSC/login" method="post" novalidate style="display: ${show1}" >
			        <!--输入框-->
			        <div class="input-content">
			            <!--autoFocus-->
			            <div>
			                <input type="text" autocomplete="off"
			                       placeholder="请输入身份证号" name="username" required/>
			            </div>
						<div style="margin-top: 16px">
			                <input type="password"
			                       autocomplete="off" placeholder="请输入密码" name="password" required maxlength="32"/>
			            </div>
			        </div>
					<div style="font-size: 14px;margin-top: 10px;width: 40%;height: 10px;float: left;clear: both;"><a href="">找回密码</a></div>
					<div style="text-align: center;">
					        <button type="submit" class="enter-btn">登&nbsp;&nbsp;&nbsp;陆</button>
					</div>
					<div style="text-align: center">
					        <button type="button" class="zhuce-btn">注册</button>
					</div>
					<div class="db">
						<img src="${PATH}/img/rjycma.png" />
					</div>	
			</form>				
		</div>	
	</div>
</div>

<!--底部-->
<div class="row" style="background-color: #333333;padding: 10px;margin: 0;">
    <div class="col-md-4">
        <img src="${PATH}/img/logo-1.png"/>
    </div>
	<div class="col-md-3" style="color: #FFF;font-size: 13px;">
	    <img src="${PATH}/img/2weimaimg.jpg" style="width: 80px;height: 80px;"/>
	    扫描二维码可在手机上登录系统
	</div>	
    <div class="col-md-5" style="color: #999999;font-size: 13px;">
        <div>学校地址：沈阳市沈北新区沈北路53号 邮编：110045</div>
        <div>版权所有：辽ICP备17002625 电话：024-88928718/8719(招生办公室)</div>
        <div>技术支持：沈阳格微软件有限责任公司 技术支持电话：024-88928703</div>
    </div>
</div>
</body>
</html>

